<div class="view-header clearfix">
    <div class="head-icon">
        <i class="fa fa-car"></i>
        <shop-picker shop="shop"></shop-picker>
        <!--
        <span>请选择门店{{shop.name}}</span>
        <select ng-model="shop_id"
                ng-options="shop.id as shop.name for shop in shops">
        </select>
        -->
    </div>
</div>
<style>

    section {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        /*background: #f5f5f5;*/
        flex-wrap: wrap;
    }

    section header {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0.5em;
        /*background: #eee;*/
    }

    section footer {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0.5em;
        /*background: #a0a0a0;*/
    }

    section dl {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        overflow: visible;
        margin: 0;
        padding: 0.5em;
    }

    section dl dt {
        flex: 0 0 40%;
        margin: auto;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    section dd {
        flex: 0 0 60%;
        margin-left: auto;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        padding:2px;
    }

    section dd input {
        width: 100%;
    }

</style>
<div class="view-content">
    <form>
        <section style="width: 100%; flex-wrap: wrap">
            <dl style="width:33%;min-width:20em">
                <dt> 业务类型</dt>
                <dd><input type="text" ng-model="mapper.map_order_business_type"></dd>
                <dt> 客户名称</dt>
                <dd><input type="text" ng-model="mapper.map_customer_name"></dd>
                <dt>送修人</dt>
                <dd><input type="text" ng-model="mapper.map_customer_send_name"></dd>
                <dt>送修人手机</dt>
                <dd><input type="text" ng-model="mapper.map_customer_send_phone"></dd>
                <dt>车牌号</dt>
                <dd><input type="text" ng-model="mapper.map_vehicle_license_plate"></dd>
                <dt>VIN</dt>
                <dd><input type="text" ng-model="mapper.map_vehicle_vin"></dd>
                <dt>品牌</dt>
                <dd><input type="text" ng-model="mapper.map_vehicle_brand"></dd>
                <dt>车系</dt>
                <dd><input type="text" ng-model="mapper.map_vehicle_model"></dd>
                <dt>车型</dt>
                <dd><input type="text" ng-model="mapper.map_vehicle_version"></dd>
                <dt>进厂里程</dt>
                <dd><input type="text" ng-model="mapper.map_vehicle_mileage"></dd>
            </dl>
            <dl style="width:33%;min-width:20em">
                <dt>业务单号</dt>
                <dd><input type="text" ng-model="mapper.map_order_sn"></dd>
                <dt>维修类型</dt>
                <dd><input type="text" ng-model="mapper.map_order_repair_type"></dd>
                <dt>是否预约</dt>
                <dd><input type="text" ng-model="mapper.map_order_is_appointment"></dd>
                <dt>进站时间</dt>
                <dd><input type="text" ng-model="mapper.map_order_arrive_time"></dd>
                <dt>委托书开单时间</dt>
                <dd><input type="text" ng-model="mapper.map_order_bill_time"></dd>
                <dt>预计结束时间</dt>
                <dd><input type="text" ng-model="mapper.map_order_expected_complete_time"></dd>
                <dt>竣工时间</dt>
                <dd><input type="text" ng-model="mapper.map_order_completed_time"></dd>
                <dt>服务顾问</dt>
                <dd><input type="text" ng-model="mapper.map_order_service_consultant"></dd>
                <dt>保险公司</dt>
                <dd><input type="text" ng-model="mapper.map_order_insurance_company"></dd>
                <dt>终检员</dt>
                <dd><input type="text" ng-model="mapper.map_order_inspector"></dd>
            </dl>
            <dl style="width:33%;min-width:20em">
                <dt>结算单号</dt>
                <dd><input type="text" ng-model="mapper.map_receipt_sn"></dd>
                <dt>结算日期</dt>
                <dd><input type="text" ng-model="mapper.map_receipt_receipt_time"></dd>
                <dt>工时费合计</dt>
                <dd><input type="text" ng-model="mapper.map_receipt_material_cost"></dd>
                <dt>材料成本</dt>
                <dd><input type="text" ng-model="mapper.map_receipt_man_hour_fee"></dd>
                <dt>材料费合计</dt>
                <dd><input type="text" ng-model="mapper.map_receipt_material_fee"></dd>
                <dt>总金额</dt>
                <dd><input type="text" ng-model="mapper.map_receipt_total_fee"></dd>
            </dl>
            <footer>
                <input class="sm-btn sm-btn-green sm-btn-m save" type="button" value="提交" ng-click="submit()">
            </footer>
        </section>
    </form>

</div>